<template>
  <div class="designer-header">
    <div class="toolbar">
      <el-button-group>
        <!-- <el-button size="small" @click="$emit('download-template')">
          <i class="el-icon-download"></i> 下载控件
        </el-button> -->
        <el-button size="small" @click="$emit('delete-selected')">
          <i class="el-icon-delete"></i> 删除选中
        </el-button>
        <el-button size="small" @click="$emit('reset-template')">
          <i class="el-icon-back"></i> 清空内容
        </el-button>
        <el-button size="small" type="success" @click="$emit('export-json')">
          <i class="el-icon-upload2"></i> 导出JSON
        </el-button>
        <el-button size="small" type="warning" @click="$emit('import-json')">
          <i class="el-icon-download"></i> 导入JSON
        </el-button>
        <el-button size="small" type="info" @click="$emit('export-preview')">
          <i class="el-icon-view"></i> 调试预览
        </el-button>
        <!-- <el-button size="small" type="primary" @click="$emit('export-pdf')">
          <i class="el-icon-document"></i> 导出PDF
        </el-button> -->
      </el-button-group>
    </div>
  </div>
</template>

<script setup>
defineEmits([
  'download-template',
  'save-template',
  'delete-selected',
  'reset-template',
  'export-json',
  'export-preview',
  'import-json',
  'test-universal-render',
  'open-demo-renderer',
  'export-pdf'
]);
</script>

<style lang="scss" scoped>
@use '../styles/designer.scss';
</style> 